Recommended
Recommended
More Related Content
Similar to Email for mobile webinar
Similar to Email for mobile webinar (20)
Recently uploaded
Recently uploaded (20)
Email for mobile webinar
- 1. Email for Mobile Geetanjali Dighe Talk about this Webinar #juvlon
- 2. Agenda Some statistics Is it right for you? Design tips for mobile email Examples of mobile optimized emails Is this enough? Q&A
- 3. India Smartphone Outlook 20 Million Smartphone Sales
- 6. Why Email For Mobile? In 2012, 11 out 100 mobiles sold in India will be smartphones (In 2011, it was 6)[1] 81% Indian smartphone owner access email on the go [2] Mobile opens world-wide will surpass desktop opens this year: ReturnPath [3]
- 7. Is It For You? Check Email Analytics Device/email client stats Check website mobile visitors What % of users are on mobile? How is this changing?
- 8. Doing Nothing Is Fine Not optimizing may be a valid strategy Does it make sense for your audience, brand or business? Focus on other ways to engage audience If mobile audience is small If you have limited resources
- 9. Know Your Audience People scan emails, more so on mobiles < 3% open on both mobile and desktop People check email everywhere In bed In the bathroom While waiting, to kill time At their in-laws
- 10. Designing Emails For Mobile Subject line: 30-35 characters Pre-header (preview text) very important
- 11. Typical Screen Sizes Iphone: – 320px X 480px - portrait – 480px X 320px - landscape Android: – 350px X 480px - portrait – 480 X 350 - landscape iPad: – 768 x 1024 - portrait – 1024 x 768 - landscape
- 12. Designing Emails for Mobile KISS – Keep it Simple & Straightforward Large font in email body – 14px text, 22px headings Large call-to-actions, buttons – 45 x 45px finger tap Minimum images, smaller and lower
- 13. Designing Emails for Mobile Encourage scrolling Try vertical menus Image Alt tags Use percentage instead of fixed width Single column Go on a “word diet”
- 14. Design Case Study: Mobile Optimized Email Took an existing desktop email – Viewed it on Blackberry, Andriod, iPhone Optimized to create a mobile email – Viewed optimized version in Blackberry, Android and iPhone
- 15. Desktop Email
- 17. Desktop Email Android Email
- 18. Desktop Email Iphone Email
- 19. Before After Blackberry Optimized
- 20. Before After Android Optimized
- 21. Before After Android Optimized Next Screen
- 22. Before After iPhone Optimized
- 23. Before After iPhone Optimized
- 24. Before After iPhone Optimized Next Screen
- 26. Responsive Email Design Use CSS3 @media queries – Detect screen size – Display specific content on different devices Needs CSS skills
- 27. How Email Code Looks <html> <head> <title>Email subject can be used here</title> <style type=”text/css”>CSS3 Content Goes Here</style> </head> <body>HTML email code goes here</body> </html>
- 28. How CSS Looks @media screen and (max-width: 400px) { .holmes { margin-right: some value; width: another value; } .watson { margin-right: some value; width: another value; }
- 32. Is This Enough? The big picture is still RoI Look beyond optimizing emails Optimize – Landing pages – Forms Check website analytics – Do you need a mobile website? – Do you need an App?
- 33. Challenges Is mobile email right for you? List Segmentation Design Optimizing web pages Justifying RoI
- 34. Resources Mobile Statistics – Convergence Catalyst Design – Emailology.org – A List Apart – Email on Acid
Editor's Notes
- http://businesstoday.intoday.in/story/nokia-samsung-phone-war/1/24553.html http://tech2.in.com/news/smartphones/more-active-smartphone-users-in-india-than-in-us/303592 http://www.returnpath.net/blog/intheknow/2012/05/return-path-infographic-%E2%80%9Cemail-readership-on-mobile-devices-on-track-to-surpass-both-webmail-and-desktop-by-end-of-2012%E2%80%9D/